.main {
    width: 100%;
    height: 100%;
    margin-bottom:20px;
}


.mleft {
    margin-top: 10px;
    width: 49%;
    height: 50%;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    overflow: hidden;
    /* border: 1px solid #f00; */
}

.mright {
    margin-top: 10px;
    width: 49%;
    height: 50%;
    float: left;
    overflow: hidden;
    /* border: 1px solid #ff0; */
}

.center {
    margin-top: 10px;
    height: 500px;
    border: 1px solid #00f;
}

/* .center {
    position: absolute;
    height: 100%;
    width: 100%;
} */

.lleft {
    margin-top: 10px;
    height: 500px;
    border: 1px solid #f00;
}

.lright {
    margin-top: 10px;
    border: 1px solid #ff0;
    height: 500px;
}

.wenzi {
    color: cornsilk;
}

video {
    position: fixed;
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -11
}

source {
    min-width: 100%;  
    min-height: 100%;  
    height: auto;
    width: auto;
} 

.pic1 {
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.6s;
}
.pic1:hover{
    transform: scale(1.4);
}
.conta{
    text-align: center; 
    margin-top:10px;
}
.img{
    width: 260px;
height: 600px;
    background: black;
    display:inline-block;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    background-size: cover;
    background-repeat: no-repeat;
    transition:2s;

}
.img:hover{
    background-position: bottom center;
}
.img1{
    background-image: url(../images/3.jpg);
}
.img2{
    background-image: url(../images/4.jpg);
}
.img3{
    background-image: url(../images/5.jpg);
}
.img4{
    background-image: url(../images/6.jpg);
}
.img5{
    background-image: url(../images/7.jpg);
}